<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!-- 分页模块 -->
<th:block th:fragment="page">
    <div class="layui-row" th:if="${#pageUtil.pageInit(page,#request)}">
        <div class="layui-col-sm6">
            <div class="page-info">
                <span>显示 [[${(page.number*page.size)+1}]]/[[${(page.number*page.size)+page.numberOfElements}]] 条，共 [[${page.totalElements}]] 条记录</span>
                <select class="dolphin-select page-number">
                    <option th:value="${num*10}" th:selected="${page.size} eq ${num*10}" th:each="num:${#numbers.sequence(1,3)}">[[${num*10}]] 条/页</option>
                </select>
            </div>
        </div>
        <div class="layui-col-sm6">
            <ul class="pagination list-page">
                <li class="page-item" th:if="${#pageUtil.isPrevious(page)}"><a class="page-link"
                    th:href="@{${#pageUtil.pageHref(page.number)}}">上一页</a>
                </li>
                <li th:class="'page-item'+ ${#pageUtil.pageActive(page, pageCode, 'active')}"
                    th:each="pageCode:${#pageUtil.pageCode(page)}">
                    <a class="page-link" th:if="${#pageUtil.isCode(pageCode)} ne true"
                       th:href="@{${#pageUtil.pageHref(pageCode)}}">[[${pageCode}]]</a>
                    <a class="page-link breviary" th:if="${#pageUtil.isCode(pageCode)}">…</a>
                </li>
                <li class="page-item" th:if="${#pageUtil.isNext(page)}"><a class="page-link"
                     th:href="@{${#pageUtil.pageHref(page.number+2)}}">下一页</a>
                </li>
            </ul>
        </div>
    </div>
</th:block>

<!-- 日志展示模块 -->
<th:block th:fragment="log(entity)">
    <table class="layui-table dolphin-detail-table">
        <tbody>
        <tr>
            <th>操作时间</th>
            <th>操作人</th>
            <th>日志名称</th>
            <th>日志消息</th>
        </tr>
        <tr th:each="item:${#logs.entityList(entity)}">
            <td th:text="${#dates.format(item.createDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
            <td th:text="${item.operName}"></td>
            <td th:text="${item.name}"></td>
            <td th:text="${item.message}"></td>
        </tr>
        </tbody>
    </table>
</th:block>

<header th:fragment="frontendHeadher">

    <!--
             ▄              ▄
            ▌▒█           ▄▀▒▌
            ▌▒▒▀▄        ▀▒▒▒▐
           ▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐
         ▄▄▀▒▒▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐
       ▄▀▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▐
      ▐▒▒▒▄▄▄▒▒▒▒▒▒▒▒▒▒▒▒▒▀▄▒▒▌
      ▌▒▒▐▄█▀▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐
     ▐▒▒▒▒▒▒▒▒▒▒▒▌██▀▒▒▒▒▒▒▒▒▀▄▌
     ▌▒▀▄██▄▒▒▒▒▒▒▒▒▒▒▒░░░░▒▒▒▒▌
     ▌▀▐▄█▄█▌▄▒▀▒▒▒▒▒▒░░░░░░▒▒▒▐
    ▐▒▀▐▀▐▀▒▒▄▄▒▄▒▒▒  typecho  ▒▌
    ▐▒▒▒▀▀▄▄▒▒▒▄▒▒▒▒▒▒░░░░░░▒▒▒▐
     ▌▒▒▒▒▒▒▀▀▀▒▒▒▒▒▒▒▒░░░░▒▒▒▒▌
     ▐▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▐
      ▀ yo-du ▒▒▒▒▒▒▒▒▒▒▒▄▒▒▒▒▌
        ▀▄▒▒▒▒▒▒▒▒▒▒▄▄▄▀▒▒▒▒▄▀
       ▐▀▒▀▄▄▄▄▄▄▀▀▀▒▒▒▒▒▄▄▀
      ▐▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▀▀

      --你好，世界！生活，从敲的第一行代码开始。
  -->
    <div id="loading" th:if="${#params.value('page_loading') != 'false' }">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object" id="object_four"></div>
                <div class="object" id="object_three"></div>
                <div class="object" id="object_two"></div>
                <div class="object" id="object_one"></div>
            </div>
        </div>
    </div>

    <input type="hidden" id="userId"  th:value="${userInfo?.id}">
    <input type="hidden" id="nickname"  th:value="${userInfo?.nickname}">
    <input type="hidden" id="picture"  th:value="${userInfo?.picture}">
    <!--<nav>-->
    <!--<div class="logo">-->
    <!--<a  href="/">-->
    <!--<img src="/images/logo.png" oncontextmenu="return false;" ondragstart="return false;" />-->
    <!--</a>-->
    <!--</div>-->
    <!--&lt;!&ndash; 汉堡菜单 &ndash;&gt;-->
    <!--<input type="checkbox" id="togglebox" />-->
    <!--<ul class="layui-nav layui-layout-left">-->
    <!--<li><a href="/">网站首页</a></li>-->
    <!--<li><a href="/article/pages">学无止境</a></li>-->
    <!--<li><a href="/frontend/message">网站留言</a></li>-->
    <!--<li><a href="/frontend/about">关于本站</a></li>-->
    <!--<li class="layui-nav-item"><a href="/frontend/compiler/index" id="codeUtil" target="_blank">Java在线工具</a>-->
    <!--<dl class="layui-nav-child">-->
    <!--<dd><a href="">邮件管理</a></dd>-->
    <!--<dd><a href="">消息管理</a></dd>-->
    <!--<dd><a href="">授权管理</a></dd>-->
    <!--</dl>-->
    <!--</li>-->
    <!--<li shiro:hasPermission="system:main:index"><a href="/system/main/">GO后台</a></li>-->
    <!--</ul>-->
    <!--<label class="menu" for="togglebox">-->
    <!--<i class="layui-icon layui-extend-hamburg-menu"></i>-->
    <!--</label>-->
    <!--</nav>-->
    <!--<div class="clearfix"></div>-->
    <div class="layui-header layui-layout-admin">
        <div class="layui-logo" style="    padding-left: 50px;">
            <a  href="/">
                <img src="/images/logo.png" oncontextmenu="return false;" ondragstart="return false;" />
            </a>
        </div>

        <!-- 导航区域 -->
        <ul class="layui-nav layui-layout-right" style="padding-right: 50px;" >
            <li class="layui-nav-item" th:each="item:${treeMenu}">
                <a th:href="${item.value.url}" ><span class="layui-nav-title" th:text="${item.value.title}">一级菜单</span></a>
                <dl class="layui-nav-child" th:if="${item.value.children.size()}">
                    <dd th:each="sItem:${item.value.children}">
                        <a th:href="${sItem.value.url}" target="_blank"><span class="layui-nav-title" th:text="${sItem.value.title}">二级菜单</span></a>
                        <dl class="layui-nav-child" th:if="${sItem.value.children.size()}">
                            <dd th:each="tItem:${sItem.value.children}">
                                <a th:href="${tItem.value.url}" target="_blank"><span class="layui-nav-title" th:text="${tItem.value.title}">三级菜单</span></a>
                            </dd>
                        </dl>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item" shiro:hasPermission="system:main:index"><a href="/system/main/">GO后台</a></li>
        </ul>
    </div>
</header>

<footer th:fragment="frontendFooter" th:utext='${#params.value("footer_words")}'>

    <p><a href="http://www.nonelonely.com">Copyright &copy; 2019. nonelonely博客 All rights reserved.</a></p>
</footer>


<div id="suspension" th:fragment="frontendLongin">
    <div shiro:guest=""  class="livechat-girl animated">
        <img class="girl" src="/images/logo2.png" oncontextmenu="return false;" ondragstart="return false;" >
        <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">
            <div class="rd-notice-content">嘿，来试试登录吧！</div>
        </div>
        <div class="animated-circles">
            <div class="circle c-1"></div>
            <div class="circle c-2"></div>
            <div class="circle c-3"></div>
        </div>
    </div>
    <div shiro:user="" class="livechat-girl animated">
        <img class="girl" th:src="${userInfo.picture}" oncontextmenu="return false;" ondragstart="return false;" >
        <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">
            <div class="rd-notice-content">欢迎你！[[${userInfo.nickname}]]</div>
        </div>
        <div class="animated-circles">
            <div class="circle c-1"></div>
            <div class="circle c-2"></div>
            <div class="circle c-3"></div>
        </div>
    </div>
</div>

<div class='side-bar' th:fragment="frontendAboutNav">
    <div class='box'>
        <a href="/frontend/about"><div class='side bg-01'><span class='side-content'>关于本站</span></div></a>
    </div>
    <div class='box'>
        <a href="/frontend/author"><div class='side bg-02'><span class='side-content'>关于作者</span></div></a>
    </div>
    <div class='box'>
        <a href="/frontend/link"><div class='side bg-03'><span class='side-content'>友情链接</span></div></a>
    </div>
    <div class='box'>
        <a href="/frontend/message"><div class='side bg-04'><span class='side-content'>网站留言</span></div></a>
    </div>
    <div class='box'>
        <a href="/frontend/dolphi"><div class='side bg-05'><span class='side-content'>开源博客</span></div></a>
    </div>
    <!--<div class='box'>-->
    <!--<a href="#"><div class='side bg-05'><span class='side-content'>在线音乐</span></div></a>-->
    <!--</div>-->
    <!--<div class='box'>-->
    <!--<a href="SiteMap.html"><div class='side bg-06'><span class='side-content'>站点地图</span></div></a>-->
    <!--</div>-->
</div>

